<!doctype html>
<html lang="cn">
<head>
	<meta charset="UTF-8">
	<title>某教育机构</title>
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript"></script>
</head>
<body>
	<header>
			<div class="header">
				<div class="logo"><a href="#"><img src="images/logo.png"/></a></div>
				<p>欢迎来到知知在线教育网站,目前已经拥有真实的个人会员和企业用户</p>
				<div class="nav">
					<ul>
						<li class="home"><a href="#"><img src="images/homebth.png"/></a></li>
						<li><a href="#">浏览课程</a></li>
						<li><a href="#">成为会员</a></li>
						<li><a href="#">我的学习中心</a></li>
					</ul>
					<form action="" method="get">
						<span class="input"><input type="text"></span>
						<button type="submit">搜索</button>
					</form>
					<div class="regis">
						<span>登录</span>
						<span>|</span>
						<span>注册</span>
					</div>

				</div>
				<div style="clear:both"></div>
				</div>
		</header>
	<section>
		<div class="hvideo">
			<div class="wrap">
				<div class="vcontent">
					<img src="images/banners.png">
					<span class="clckplay"><img src="images/playv.png"/></span>
					<div class="vtext">
						<h3>在线教育网站</h3>
						<p>知知网针对职业经理人，提供在线技能课程学习，与职业导师实时互动，同业社群交流，在线考试测试，颁发职业能力证书，推荐相关工作等一系列服务。</p>
						<button>成为会员</button>
					</div>
			</div>
			<div style="clear:both"></div>

			</div>
		</div>
	</section>
	<section>
		<div class="vip">
			<div class="wrap">
				<h4>会员权益</h4>
				<div class="vipcontent">
					<ul id="vipul">
						<li style="background:#1f80bf;">
							<a href="#">
								<img src="images/quanyi01.png">
								<span>会员权益</span>
								<p>Excel技巧大全office软件应用教程58课零基础...</p>
							</a>
						</li>
						<li style="background:#ad49a3;">
							<a href="#">
								<img src="images/quanyi02.png">
								<span>社群交流</span>
								<p>技巧大全office软件应用语发音美化精品课程...</p>
							</a>
						</li>
						<li style="background:#ffa304;">
							<a href="#">
								<img src="images/quanyi03.png">
								<span>课程学习</span>
								<p>美化精品课Excel技巧大全软件程课零基础英语口语发...</p>
							</a>
						</li>
						<li style="background:#1fbf2a;">
							<a href="#">
								<img src="images/quanyi04.png">
								<span>课程学习</span>
								<p>用教程58课零基础英语口语音美化精品课程精品课程口...</p>
							</a>
						</li>
						<li style="background:#de5214;">
							<a href="#">
								<img src="images/quanyi05.png">
								<span>实时互动</span>
								<p>用教程58课零基础英语口语音美化精品课程精品课程口...</p>
							</a>
						</li>
						<li style="background:#7289a6;">
							<a href="#">
								<img src="images/quanyi06.png">
								<span>成就职业</span>
								<p>美化精品课Excel技巧大全软件程课零基础英语口语发...</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div style="clear:both"></div>
	</section>
	<section>
		<div class="wrap">
			<div class="ourclass">
				<h3>我们的课程</h3>

				<div class="classl">
					<ul>
						<li><a href="#"><img src="images/course01.png"><span>课程学习</span></a></li>
						<li><a href="#"><img src="images/course02.png"><span>社群学习</span></a></li>
						<li><a href="#"><img src="images/course03.png"><span>课程学习</span></a></li>
						<li><a href="#"><img src="images/course04.png"><span>课程学习</span></a></li>
						<li><a href="#"><img src="images/course05.png"><span>考试测试</span></a></li>
						<li><a href="#"><img src="images/course06.png"><span>导师互动</span></a></li>
						<li><a href="#"><img src="images/course07.png"><span>考试测试</span></a></li>
						<li><a href="#"><img src="images/course08.png"><span>系列服务</span></a></li>

					</ul>
				</div>
				<div class="classr">
					<h4>在线技能课程学习</h4>
					<p>知知是国内第一家针对职场人士的在线教育网站，目前已经拥真实的个人会员和企业用户，并得到多家投资机构的密切关注。为了让网站能够有更完美的用户体验，决定进行全面改版，真诚欢迎各位设计高人了让网站能够有更完美的用户体验决定进行全面改版，真诚欢迎各位...
					</p>
				</div>
			</div>
		</div>
		<div style="clear:both"></div>
	</section>
	<section>
		<div class="wrap">
			<div class="newclass">
				<h3>最新课程</h3>
				<div class="nclass">
					<ul>
						<li>
							<a href="#"><img src="images/newc01.jpg">
								<span class="title">如何打造企业的官方微博？</span>
								<span class="sptime">2014-5-15</span></a>
						</li>
						<li>
							<a href="#"><img src="images/newc02.jpg">
								<span class="title">企业如何占领三四线市场？</span>
								<span class="sptime">2014-5-15</span></a>
						</li>
						<li>
							<a href="#"><img src="images/newc03.jpg">
								<span class="title">如何运用Socisl CRM提升客户</span>
								<span class="sptime">2014-5-15</span></a>
						</li>
						<li>
							<a href="#"><img src="images/newc04.jpg">
								<span class="title">一线品牌如何成功策划低线市场.</span>
								<span class="sptime">2014-5-15</span></a>
						</li>
					</ul>
				</div>
			</div>
			<div style="clear:both"></div>
			<div class="findclass">
				<p>迫不及待了吧！</p>
				<span><a href="#">去找找合适你的课程吧</a></span>
			</div>
		</div>
		
	</section>
	<footer>
		<div class="footer">
			<div class="wrap">
				<div class="footco">
					<img src="images/logo.png">
					<div class="fcontentxt">
						<ul>
							<li><a href="#">关于知知 |</a> </li>
							<li><a href="#">隐私保护政策 |</a></li>
							<li><a href="#">服务条款 |</a></li> 
							<li><a href="#">联系我们</a></li>
						</ul>
						<p>©2013-2014 ZHLAIWANG,inc.All rights reserved.沪ICP备10202992号-2</p>
					</div>
					<div class="wechat"><img src="images/wechat.jpg"><span>微信二维码</span></div>
				</div>
			</div>
		</div>
	</footer>

</body>
</html>